<html xmlns="http://www.w3.org/1999/xhtml" xmlns:text-align="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <title>自在天工</title>
    <link rel="stylesheet" href="../css/style.default.css" type="text/css" />
    <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../js/plugins/excanvas.min.js"></script><![endif]-->
    <!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="../css/style.ie9.css"/>
    <![endif]-->
    <!--[if lt IE 9]>
    <![endif]-->
    <link rel="stylesheet" media="screen" href="../css/style.ie8.css"/>
    <!--[if lt IE 9]>
    <script src="../js/plugins/css3-mediaqueries.js"></script>
    <![endif]-->
    <script src="../js/teamexam.js"></script>
    <script src="../js/ajaxAPI.js"></script>
</head>


<body class="withvernav" >
<div class="bodywrapper">
    <div class="topheader">
        <div class="left">
            <h1 class="logo"><span>ZZTY</span></h1>
            <span class="slogan">自在天原学习系统</span>
            <br clear="all" />
        </div><!--left-->
        <div class="right">
            <div class="userinfo">
                <img src="../images/thumbs/avatar.png" alt="" />
            </div><!--userinfo-->

            <div class="userinfodrop">
                <div class="avatar">
                    <a href=""><img src="../images/thumbs/avatarbig.png" alt="" /></a>
                </div><!--avatar-->
            </div><!--userinfodrop-->
        </div><!--right-->
    </div><!--topheader-->

    <div class="header">
        <ul class="headermenu">
            <li><a href="Tmain.html"><span class="icon icon-flatscreen"></span>首页</a></li>
            <li  class="current"><a href="teamExam.html"><span class="icon icon-pencil"></span>结对</a></li>
            <li><a href="competion.html"><span class="icon icon-message"></span>竞赛</a></li>
            <li><a href="share.jsp"><span class="icon icon-chart"></span>课堂分享</a></li>
        </ul>
    </div><!--header-->

    <div class="vernav">
        <ul>
            <li class="current"><a href="teamExam.html" class="editor">发布结对</a></li>
            <li><a href="lookTeamExam.html">结对批改</a></li>
            <li><a href="grouping.html">结对分组</a></li>
        </ul>
        <a class="togglemenu"></a>
    </div><!--leftmenu-->

    <div class="centercontent">

        <div class="pageheader">
            <h1 class="pagetitle">创建结对：</h1>
            <span class="pagedesc">
                <hr/>
                <table>
                    <tr>
                        <td><h3>* 日期:</h3></td>
                        <td><input type="date" id="tdate"/></td>

                    </tr>
                   <tr>
                       <td>
                           <br>
                           </br>
                       </td>
                   </tr>
                    <tr>
                        <td> <h3>* 班级:</h3></td>
                        <td> <select name="select" id="selectClazz" ></select></td>
                    </tr>
                   <tr>
                       <td>
                           <br>
                           </br>
                       </td>
                   </tr>
                    <tr>
                        <td><h3>* 题目：</h3></td>
                        <td><textarea id="question" rows="3" cols="20" style="margin: 0px; width: 683px; height: 117px;font-size:15px; color:#333333"></textarea></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><button type="button" class="btn btn-primary" id="addQuestion">添加</button>
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"  id="questionBank">
                            题库
                        </button></td>
                    </tr>

                </table>
            <div class="form-group">
									<label  class="col-md-2 control-label">最终题目：</label>
									<div class="col-md-6">
										<!--   Basic Table  -->
										<div class="panel panel-default">
											<div class="panel-body">
												<div class="table-responsive">
													<table name="tableQuestions" class="table table-striped table-bordered table-hover" id="tques" style="word-break: break-all; word-wrap: break-all;">
														<tbody id="tb"><tr>
															<th style="display:none;">题号</th>
                                                            <th style="display: none">id</th>
															<th>题目</th>
															<th>删除</th>
														</tr>
														</tbody><tbody>
														</tbody>
													</table>
                                                      <tr>
                        <td></td>
                        <td><input type="button" value=" 提交 " id="refer"></td>
                    </tr>
												</div>
											</div>
										</div>
									</div>
								</div>
            </span>
        </div><!--pageheader-->

        <div id="contentwrapper" class="contentwrapper">
        </div><!--contentwrapper-->

        <br clear="all" />

    </div><!-- centercontent -->


</div><!--bodywrapper-->

<!-- 模态框 -->
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">

            <!-- 模态框头部 -->
            <div class="modal-header">
                <h4 class="modal-title">结对题库</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- 模态框主体 -->
            <div class="modal-body">
                <table cellpadding="0" cellspacing="0" border="0" class="stdtable" id="t1">
                    <colgroup>
                        <!--<col class="con0" />-->
                        <col class="con1" />
                        <col class="con2" />
                        <tr>
                            <th class="head0" style="display: none">id</th>
                            <th class="head1">content</th>
                            <th class="head2">选择</th>
                        </tr>

                    </thead>
                </table>
                <!--<button id="endPage">尾页</button>-->
                <ul class="pagination" >

                    <div class="div1">
                        <ul id="content">
                            <li><a href="#" id="homePage">首页</a></li>
                            <li><a href="#" id="previousPage"><</a></li>
                            <li><a href="#" id="currentPage"></a></li>
                            <li><a href="#" id="nextPage"> > </a></li>
                            <li><a href="#" id="endPage"> 尾页 </a></li>
                            <li><input type="text" id="text"></li>
                            <li><a href="#" id="skipPage">跳转页面</a></li>
                        </ul>
                    </div>
                </ul>
                    </colgroup>
                    <thead>
                    <tbody>
                    </tbody>
            </div>
            </div>
            <!-- 模态框底部 -->
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">
                    提交
                </button>
            </div>

        </div>
    </div>

</div>

<style>
    td{
        text-align:left;
        vertical-align:top;

    }
    input[type="button"] {
        width: auto;
        margin: 0;
        font-weight: bold;
        color: #eee;
        background: #FB9337;
        border: 1px solid #F0882C;
        padding: 7px 10px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: pointer;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
</style>

<style>
    div1,ul, li {
        margin: 0px;
        padding: 0px;
    }
    .div1 {
        /*border: 1px solid #1594af;*/
        width: 600px;
        margin: auto;
        *text-align: center;
    }
    .div1 ul li {
        border: 1px solid #333333;
        background: #CCCCCC;
        color: #000000;
        text-align: center;
        margin-right: 5px;
        list-style: none;
    }
    .div1 ul {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    .div1 ul li {
        float: left;
        *float: none;
        *display: inline;
        *zoom: 1;
    }
</style>
<style>
    .disabled{
        pointer-events:none;
    }
    </style>
</body>
</html>
